草庐IT

HTML5 pushstate 和 SEO 链接

全部标签

javascript - JavaScript 变量可以在纯 HTML 中使用吗?

我的意思是,声明和初始化的变量/数组可以在之外的HTML中使用吗?-标签?外汇。varfoo=array('placeholder1','placeholder2');foo[0]在这种情况下,您如何访问变量/数组?像这样:document.print(foo[0])?? 最佳答案 有两种方法可以做到这一点。这是更好的://makesuretodothisonLoad,forexamplejQuery's$()varfoo=array('placeholder1','placeholder2');document.getElemen

javascript - 为所有哈希链接/调用的滚动位置添加一个自动偏移量

我有以下问题:就像在Facebook上一样,我在页面顶部有一个始终可见的菜单栏(position:fixed;)。当我现在点击我页面上的散列链接(或加载一个新的url中有散列的页面)以跳转到页面上的某个元素时,浏览器总是将该元素滚动到页面的最顶部,这意味着元素位于顶部菜单栏后面。我想添加一些Javascript(jQuery或普通Javascript),它会自动向该滚动位置添加(负)偏移量,以便链接元素位于顶部菜单栏的右下方单击链接或加载页面时。但我不只是想将事件监听器添加到处理此问题的所有链接。我还想要一个有效的解决方案,如果页面使用浏览器的地址栏加载了url中的散列部分(或者当链接

javascript - 所选文本的 HTML

是否有一种跨浏览器的方法来获取所选文本的HTML? 最佳答案 此函数将在所有主流浏览器中执行:functiongetSelectionHtml(){varhtml="";if(typeofwindow.getSelection!="undefined"){varsel=window.getSelection();if(sel.rangeCount){varcontainer=document.createElement("div");for(vari=0,len=sel.rangeCount;iSelectthistextright

javascript - 使用angularJS设置HTML5日期输入字段的默认值

我希望将我在瞬间生成的默认值绑定(bind)到日期和时间输入字段。我尝试了ng-model并将其直接绑定(bind)到值属性。但它们似乎都不起作用。有没有办法让它发挥作用?编辑:另外,如何绑定(bind)时间输入字段?{{date}}这是一个fiddle:http://jsfiddle.net/chrisyeung/bF9Pq/ 最佳答案 如果您使用的是chrome,则必须将日期格式指定为“yyyy-MM-dd”。$scope.date=$filter("date")(Date.now(),'yyyy-MM-dd');否则它根本行不

javascript - 只允许在 html textinput 中输入某些字符

我只需要允许用户在文本输入中输入以下字符:a-zA-Z0-9!@#$%^*_|UserName:Password:上面是我的HTML,下面是我试图用来验证它的JavaScript-但它不起作用-任何线索。document.logOn.onsubmit=validate;functionvalidate(){varname=document.logOn.pw.value;if(!name="[a-zA-Z0-9!@#$%^*_|]"){alert("YourPasswordCantHaveanythingotherthana-zA-Z0-9!@#$%^*_|-PlayItStraight

javascript - Bootstrap 折叠菜单链接在移动设备上不起作用

我在导航栏中使用带有子菜单项的可折叠菜单。菜单在狭窄的显示器上正确折叠,子菜单项正确显示。但是,当我在移动设备上单击子菜单项时,链接不起作用。取而代之的是,子菜单折叠起来,折叠菜单上的顶部菜单项突出显示,就好像子菜单从未打开过一样,“点击”通过它到达下面的元素。当我在桌面浏览器上测试页面时,一切正常。我已经定制了一些bootstrap样式,但主要用于颜色等。有什么想法吗?TIA。 最佳答案 看起来这是Bootstrap的一个已知问题(https://github.com/twitter/bootstrap/issues/4550也可

javascript - 是否可以在 JavaScript 中链接 setTimeout 函数?

是否可以链接setTimout函数以确保它们依次运行? 最佳答案 这里列出了三种不同的方法:手动嵌套setTimeout()回调。使用可链接的计时器对象。将setTimeout()包装在promise和链式promise中。手动嵌套setTimeout回调当然。当第一个触发时,只需设置下一个。setTimeout(function(){//dosomethingsetTimeout(function(){//dosecondthing},1000);},1000);可链式计时器对象你也可以让自己成为一个小的实用对象,它可以让你真正地

javascript - 当子元素的 onclick 触发时,是否可以阻止浏览器跟踪链接?

这就是我的基本情况:stuffmorestuffthelaststuff现在,问题是我想将父级保留为链接,但如果用户单击具有onclick事件的跨度,我不希望浏览器跟随该链接。我试过了event.stopPropagation();但这似乎只能阻止链接onclick事件触发,或者我做错了什么。我目前处于紧缩模式,我不想花太多时间重写生成此HTML的代码,但它仍然不能成为hack,因为它是在地点。任何帮助表示赞赏。 最佳答案 让javascript方法返回false!或者您也可以使用event.preventDefault()代替ev

javascript - 移除 HTML 标签的属性

是否可以删除第一个HTML的属性标签?所以,这:aaa成为aaa来自以下内容:aaa(bbb)ccc​ 最佳答案 或纯JavaScript:document.getElementById('id?').removeAttribute('attribute?') 关于javascript-移除HTML标签的属性,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3909555/

javascript - 动态创建一个 HTML5 视频元素而不显示在页面中

是否可以动态创建HTML5视频元素,以便我可以通过document.getElementById或Name等API访问该元素,但它可能不会显示在网页中。像div.hide()之类的东西还是那个方向的东西? 最佳答案 你可以试试varvideo=document.createElement('video');video.src='urlToVideo.ogg';video.autoplay=true;您也可以在设置源之前使用canPlayType方法检查浏览器是否支持您要使用的视频格式if(video.canPlayType('vid